import './index.jsx'
import './index.css'
import React from 'react'

const Add = React.memo(props => {
  return (
    <div className="MyIcon" style={{ ...props.style, backgroundColor: '#ff6741', color: 'white' }}>
      +
    </div>
  )
})

const Sub = React.memo(props => {
  return (
    <div style={{ ...props.style, backgroundColor: '#00a3ff', color: 'white' }} className="MyIcon">
      X
    </div>
  )
})

const GreenRight = React.memo(props => {
  return (
    <div style={{ ...props.style, backgroundColor: '#00ad07', color: 'white' }} className="MyIcon">
      ✔
    </div>
  )
})

const GrayRight = React.memo(props => {
  return (
    <div style={{ ...props.style, backgroundColor: 'white', color: '#ebebeb', border: '3px solid #ebebeb' }} className="MyIcon">
      ✔
    </div>
  )
})

export { Add, Sub, GreenRight, GrayRight }
